{% extends "base.xhtml" %}

{% block content%}

<!-- Inicio do Div do meio Contener -->
<form method="POST" action="/cadastro/usuario/">
{% csrf_token %} 
<div id="Contener">
  <div id="boxConteudo">
    <p class="cadastroTitulo">Cadastre-se</p>
    <div class="clearFloat"></div>
    <div id="cadastroBox">
      <p class="cadastroForm-txt">Nome</p>
      <div id="cadastroBox-Input">
        <input name="first_name" type="text"  class="codastroInput"/>
        <p class="cadastroTxt-info">Deve ser entre 4 a 16 caracteres.</p>
      </div>
      <div class="clearFloat"></div>
      <p class="cadastroForm-txt">E-mail</p>
      <div id="cadastroBox-Input">
        <input name="email" type="text"  class="codastroInput"/>
        <p class="cadastroTxt-info">Por favor entre com um e-mail válido.</p>
      </div>
      <div class="clearFloat"></div>
      <p class="cadastroForm-txt">Senha</p>
      <div id="cadastroBox-Input">
        <input name="password" type="password"  class="codastroInput"/>
        <p class="cadastroTxt-info">Para sua segurança, forneça uma Senha com no mínimo 6 caracteres.</p>
      </div>
      <div class="clearFloat"></div>
      <p class="cadastroForm-txt">Confirm sua Senha</p>
      <div id="cadastroBox-Input">
        <input name="repassword" type="password"  class="codastroInput"/>
      </div>
      <div class="clearFloat"></div>
      <p class="cadastroForm-txt">Deseja receber nossas ofertas</p>
      <div id="cadastroBox-Check">
        <input name="okNews" type="checkbox" value="" checked class="cadastroCheck" />
      </div>
      
      <div class="clearFloat"></div>
      <p class="cadastroForm-txt">&nbsp;</p>
      <div id="cadastroBox-Check">
        <p class="cadastroTxt-infoCheck">Li e aceito os <a href="#" class="link-Termos">Termos</a></p>
      </div>
      <div class="clearFloat"></div>
      <p class="cadastroForm-txt">&nbsp;</p>
      <div id="cadastroBox-BtnCadastra">
        <input name="Cadastra" type="submit" value="Cadastra" />
      </div>
    </div>
    <div class="clearFloat"></div>
  </div>
  <!-- Fim do Div conteudo --> 
</div>
</form>
<!-- Fim do Div do meio Contener --> 

{% endblock%}